
  <div class="demo-infinite-container"
    infiniteScroll
    [infiniteScrollDistance]="2"
    [infiniteScrollThrottle]="50"
    (scrolled)="onScroll()"
    [scrollWindow]="false">
    <nz-list [nzDataSource]="data" [nzRenderItem]="item">
      <ng-template #item let-item>
        <nz-list-item>
          <nz-list-item-meta
              [nzTitle]="nzTitle"
              nzAvatar="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"
              [nzDescription]="item.email">
              <ng-template #nzTitle>
                  <a href="https://ng.ant.design">{{item.name.last}}</a>
              </ng-template>
          </nz-list-item-meta>
        </nz-list-item>
      </ng-template>
      <nz-spin *ngIf="loading && hasMore" class="demo-loading"></nz-spin>
    </nz-list>
  </div>
  